<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        .box{
            height:72px;
            background:url("file/微信案例图片/weixin_bg1d20af.jpg") repeat-x;
            line-height: 72px;
            padding-left: 200px;
        }
        ul li{
            list-style:none;
            float:left;
            padding-left: 30px;
        }
        li a{
            height:33px;
            text-decoration: none;
            color:white;
            font-size: 20px;
            line-height: 33px;
            background: url("file/微信案例图片/bg.png") 0px -192px ;
            display: inline-block;
            padding-left: 19px;
        }
        span{
            height:33px;
            background: url("file/微信案例图片/bg.png") right -192px;
            display: inline-block;
            padding-right: 15px;
        }
        a:hover{
            background: url("file/微信案例图片/bg.png") 0px -145px;
        }
        a:hover span{
            background: url("file/微信案例图片/bg.png") right -145px;
        }
    </style>
</head>
<body>
   <div class="box">
       <ul>
           <li><a href="#"><span>首页</span></a></li>
           <li><a href="#"><span>下载吧</span></a></li>
           <li><a href="#"><span>公告平台</span></a></li>
           <li><a href="#"><span>服务与支持</span></a></li>
       </ul>
   </div>
</body>
</html>